$(document).ready(function(){
/*
* popup
*/
var popupStatus = 0;
function loadPopup() { 
    if(popupStatus==0) { 
        $("#backgroundPopup").css({"opacity": "0.9"}); 
        $("#backgroundPopup").fadeIn("slow"); 
        $("#popupContact").fadeIn("slow"); 
        popupStatus = 1; 
    }
}
function disablePopup() { 
    if(popupStatus==1) { 
        $("#backgroundPopup").fadeOut("slow"); 
        $("#popupContact").fadeOut("slow"); 
        popupStatus = 0; 
    } 
}
function centerPopup() { 
    var windowWidth = document.documentElement.clientWidth; 
    var windowHeight = document.documentElement.clientHeight; 
    var popupHeight = $("#popupContact").height(); 
    var popupWidth = $("#popupContact").width(); 
    $("#popupContact").css({ 
        "position": "fix", 
        "bottom": windowHeight/2-popupHeight/2, 
        "left": windowWidth/2-popupWidth/2 
    }); 
    $("#backgroundPopup").css({"height": windowHeight}); 
}
//User click vào [Đóng lại] để đóng popup
$("#popupContactClose").live('click',function() {
	disablePopup();
}); 
//User click vào vùng xám background để đóng popup 
$("#backgroundPopup").live('click',function() {
	disablePopup();
});
//User nhấn Esc để đóng popup
$(document).keypress(function(e) {
	if(e.keyCode==27 || popupStatus==1) disablePopup();
});

$('.iteminto').click(function(){
	var id = ($(this).attr('class')).split(" ");
	$.post('ajax.php',{popup:123,id:id[1]},function(data){
		$('#popup').html(data);
		centerPopup();
		loadPopup();
	});
});
$('.iteminto').mouseover(function(){
	 var id = $(this).attr('id');
	$(this).css('background','url(upload/images/xe_intro/ac_'+id+') no-repeat bottom');
});
$('.iteminto').mouseout(function(){
	$(this).css('background','none');
});

})